<aside id="sidebar">
  <div class="panel">
    <% if (current_user) { %>
    <div class="header">
      <span class="col_fade">个人信息</span>
    </div>
    <div class="inner">
      <%- partial('./user/card.html', { user: current_user }) %>
    </div>
    <% } else { %>
    <div class="inner">
      <p>CNode：Node.js专业中文社区</p>

      <div>
        您可以
        <a href="/login">登录</a>
        或
        <a href="/register">注册</a>
        , 也可以
        <a href="/github">
          <span class="span-info">
            通过 GitHub 登录
          </span>
        </a>
      </div>
    </div>
    <% } %>
  </div>

  <% if (current_user) { %>
  <div class="panel">
    <div class="inner">
      <a href="/topic/create" id="create_topic_btn">
        <span class="span-success">发布话题</span>
      </a>
    </div>
  </div>
  <% } %>

  <div class="panel">
    <div class="inner ads">
      <a
        href="https://www.ucloud.cn/site/active/gift.html?utm_source=cnodejs&utm_medium=content_pic_pc_540_130&utm_campaign=huodong&utm_content=gift&ytag=cnodejs"
        target="_blank"
        class="banner sponsor_outlink"
        data-label="ucloud-banner"
      >
        <img src="//dn-cnode.qbox.me/FlajCCXkxZaOsuWp3k0iaiqfrJaS" />
      </a>

      <div class="sep10"></div>

      <a
        href="https://0x7.me/UDyj"
        target="_blank"
        class="banner sponsor_outlink"
        data-label="qiniu-sidebar"
      >
        <img src="//dn-cnode.qbox.me/Fv9R31Y6ySKKJi95ldk9TRkJ7o5O" />
      </a>

      <div class="sep10"></div>

      <a
        href="https://www.aliyun.com/product/nodejs?ref=cnode"
        target="_blank"
        class="banner sponsor_outlink"
        data-label="alinode"
      >
        <img src="//dn-cnode.qbox.me/Fn4D6BhOTz1IswvmzeZ1q7QW1ls_" />
      </a>

      <div class="sep10"></div>

      <a
        href="https://render.alipay.com/p/s/taobaonpm_click/image_click_25"
        target="_blank"
        class="banner sponsor_outlink"
        data-label="aliyun"
      >
        <img src="https://render.alipay.com/p/s/taobaonpm_click/image_25" />
      </a>
    </div>
  </div>

  <div class="panel">
    <div class="header">
      <span class="col_fade">无人回复的话题</span>
    </div>
    <div class="inner">
      <ul class="unstyled">
        <li>
          <div>
            <a
              class="dark topic_title"
              href="/topic/5b84d3752a585e4e2f26ff5b"
              title="每天阅读一个 npm 模块（3）- mimic-fn"
              >每天阅读一个 npm 模块（3）- mimic-fn</a
            >
          </div>
        </li>
        <li>
          <div>
            <a
              class="dark topic_title"
              href="/topic/5b84b81efad9359e2e831261"
              title="又到薅羊毛的时候了，阿里云服务器 2核4G 1M带宽 40G高效云盘，每天仅需6毛钱"
              >又到薅羊毛的时候了，阿里云服务器 2核4G 1M带宽
              40G高效云盘，每天仅需6毛钱</a
            >
          </div>
        </li>
        <li>
          <div>
            <a
              class="dark topic_title"
              href="/topic/5b83c6892a585e4e2f26ff3c"
              title="sequelize，mysql，delete 语句删除报错（）"
              >sequelize，mysql，delete 语句删除报错（）</a
            >
          </div>
        </li>
        <li>
          <div>
            <a
              class="dark topic_title"
              href="/topic/5b83ba7308d0b0fb2d8e6c4a"
              title="想买服务器，组个队吧。1.5折！好便宜呀"
              >想买服务器，组个队吧。1.5折！好便宜呀</a
            >
          </div>
        </li>
        <li>
          <div>
            <a
              class="dark topic_title"
              href="/topic/5b836befc52ad1482eb94214"
              title="【权限】大家好，请教一个接口权限控制的问题"
              >【权限】大家好，请教一个接口权限控制的问题</a
            >
          </div>
        </li>
      </ul>
    </div>
  </div>

  <div class="panel">
    <div class="header">
      <span class="col_fade">积分榜</span> &nbsp;
      <a class="dark" href="/users/top100">TOP 100 &gt;&gt;</a>
    </div>
    <div class="inner">
      <ol>
        <li>
          <span class="top_score">21270</span>
          <span class="user_name"><a href="/user/i5ting">i5ting</a></span>
        </li>
        <li>
          <span class="top_score">15040</span>
          <span class="user_name"><a href="/user/alsotang">alsotang</a></span>
        </li>
        <li>
          <span class="top_score">9350</span>
          <span class="user_name"><a href="/user/leapon">leapon</a></span>
        </li>
        <li>
          <span class="top_score">8760</span>
          <span class="user_name"
            ><a href="/user/jiyinyiyong">jiyinyiyong</a></span
          >
        </li>
        <li>
          <span class="top_score">6995</span>
          <span class="user_name"><a href="/user/yakczh">yakczh</a></span>
        </li>
        <li>
          <span class="top_score">6615</span>
          <span class="user_name"><a href="/user/im-here">im-here</a></span>
        </li>
        <li>
          <span class="top_score">6545</span>
          <span class="user_name"><a href="/user/atian25">atian25</a></span>
        </li>
        <li>
          <span class="top_score">6025</span>
          <span class="user_name"><a href="/user/DevinXian">DevinXian</a></span>
        </li>
        <li>
          <span class="top_score">5320</span>
          <span class="user_name"><a href="/user/magicdawn">magicdawn</a></span>
        </li>
        <li>
          <span class="top_score">5065</span>
          <span class="user_name"><a href="/user/chapgaga">chapgaga</a></span>
        </li>
      </ol>
    </div>
  </div>

  <div class="panel">
    <div class="header">
      <span class="col_fade">友情社区</span>
    </div>
    <div class="inner">
      <ol class="friendship-community">
        <li>
          <a href="https://ruby-china.org/" target="_blank">
            <img
              src="//o4j806krb.qnssl.com/public/images/ruby-china-20150529.png"
            />
          </a>
        </li>
        <div class="sep10"></div>
        <li>
          <a href="http://golangtc.com/" target="_blank">
            <img src="//o4j806krb.qnssl.com/public/images/golangtc-logo.png" />
          </a>
        </li>
        <div class="sep10"></div>
        <li>
          <a href="http://phphub.org/" target="_blank">
            <img src="//o4j806krb.qnssl.com/public/images/phphub-logo.png" />
          </a>
        </li>
        <div class="sep10"></div>
        <li>
          <a href="https://testerhome.com/" target="_blank">
            <img src="//dn-cnode.qbox.me/FjLUc7IJ2--DqS706etPQ1EGajxK" />
          </a>
        </li>
      </ol>
    </div>
  </div>
  <div class="panel">
    <div class="header">
      <span class="col_fade">客户端二维码</span>
    </div>
    <div class="inner cnode-app-download">
      <img width="200" src="//dn-cnode.qbox.me/FtG0YVgQ6iginiLpf9W4_ShjiLfU" />
      <br />
      <a href="https://github.com/soliury/noder-react-native" target="_blank"
        >客户端源码地址</a
      >
    </div>
  </div>
</aside>
